
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
body {
	background-image: url(../%E7%BD%91%E9%A1%B5%E8%A1%A8%E5%8D%95%E6%A1%88%E4%BE%8B%20-%20%E7%BB%83%E4%B9%A0/images/background.jpg);
	background-repeat: no-repeat;
}
#apDiv1 {
	position: absolute;
	width: 200px;
	height: 471px;
	z-index: 1;
	left: 459px;
	top: 50px;
}
</style>
</head>

<body>
<div id="apDiv1">
  <table width="400" border="1">
    <tr>
      <td colspan="2"><div align="center">个人信息</div></td>
    </tr>
    <tr>
      <td width="192"><div align="center">用户名：</div></td>
      <td width="192"><form name="form1" method="post" action="">
        <div align="left">
          <input type="text" name="textfield" id="textfield">
        </div>
      </form></td>
    </tr>
    <tr>
      <td><div align="center">用户密码：</div></td>
      <td><form name="form2" method="post" action="">
        <div align="left">
          <input type="text" name="textfield2" id="textfield2">
        </div>
      </form></td>
    </tr>
    <tr>
      <td><div align="center">用户邮箱：</div></td>
      <td><form name="form3" method="post" action="">
        <div align="left">
          <input type="text" name="textfield3" id="textfield3">
        </div>
      </form></td>
    </tr>
    <tr>
      <td><div align="center">用户签名：</div></td>
      <td><form name="form4" method="post" action="">
        <div align="left">
          <textarea name="textarea" id="textarea">请输入您的签名信息！</textarea>
        </div>
      </form></td>
    </tr>
    <tr>
      <td><div align="center">个人头像：</div></td>
      <td><div align="left"><img src="../网页表单案例 - 练习/images/photo.gif" width="91" height="97" align="left"></div></td>
    </tr>
    <tr>
      <td><div align="center">真实姓名：</div></td>
      <td><form name="form5" method="post" action="">
        <div align="left">
          <input type="text" name="textfield4" id="textfield4">
        </div>
      </form></td>
    </tr>
    <tr>
      <td><div align="center">用户性别：</div></td>
      <td><form name="form9" method="post" action="">
        <div align="left">
          <input type="radio" name="radio" id="radio" value="男">
          男
          <input type="radio" name="radio" id="radio" value="女">女
        </div>
      </form>      </td>
    </tr>
    <tr>
      <td><div align="center">教育程度：</div></td>
      <td><form name="form6" method="post" action="">
        <div align="left">
          <select name="select" id="select">
            <option value="1">大专</option>
            <option value="2">本科</option>
          </select>
        </div>
      </form></td>
    </tr>
    <tr>
      <td><div align="center">职业：</div></td>
      <td><div align="left">请输入您的职业信息</div></td>
    </tr>
    <tr>
      <td><div align="center">兴趣爱好：</div></td>
      <td><form name="form11" method="post" action="">
        <div align="left">
          <input type="checkbox" name="checkbox" id="checkbox">
          音乐
          <input type="checkbox" name="checkbox2" id="checkbox2">电脑
          <input type="checkbox" name="checkbox3" id="checkbox3">美术
          <input type="checkbox" name="checkbox4" id="checkbox4">其他
        </div>
      </form>        <form name="form10" method="post" action="">
        </form>      </td>
    </tr>
    <tr>
      <td><div align="center">备注说明：</div></td>
      <td><form name="form7" method="post" action="">
        <div align="center">
          <textarea name="textarea2" readonly id="textarea2"></textarea>
        </div>
      </form></td>
    </tr>
    <tr>
      <td colspan="2"><div align="center">
        <form name="form8" method="post" action="">
          <input type="submit" name="button2" id="button2" value="提交">
          <input type="submit" name="button" id="button" value="重写"disable>
        </form>
      </div></td>
    </tr>
  </table>
</div>
</body>
</html>
